<html>
    <head>
        <meta charset="utf-8">
        
            <script src="lib/bindings/utils.js"></script>
            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vis-network/9.1.2/dist/dist/vis-network.min.css" integrity="sha512-WgxfT5LWjfszlPHXRmBWHkV2eceiWTOBvrKCNbdgDYTHrT2AeLCGbF4sZlZw3UMN3WtL0tGUoIAKsu8mllg/XA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
            <script src="https://cdnjs.cloudflare.com/ajax/libs/vis-network/9.1.2/dist/vis-network.min.js" integrity="sha512-LnvoEWDFrqGHlHmDD2101OrLcbsfkrzoSpvtSQtxK3RMnRV0eOkhhBN2dXHKRrUU8p2DGRTk35n4O8nWSVe1mQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
            
        
<center>
<h1></h1>
</center>

<!-- <link rel="stylesheet" href="../node_modules/vis/dist/vis.min.css" type="text/css" />
<script type="text/javascript" src="../node_modules/vis/dist/vis.js"> </script>-->
        <link
          href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css"
          rel="stylesheet"
          integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6"
          crossorigin="anonymous"
        />
        <script
          src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"
          integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"
          crossorigin="anonymous"
        ></script>


        <center>
          <h1></h1>
        </center>
        <style type="text/css">

             #mynetwork {
                 width: 100%;
                 height: 800px;
                 background-color: #ffffff;
                 border: 1px solid lightgray;
                 position: relative;
                 float: left;
             }

             

             

             
        </style>
    </head>


    <body>
        <div class="card" style="width: 100%">
            
            
            <div id="mynetwork" class="card-body"></div>
        </div>

        
        

        <script type="text/javascript">

              // initialize global variables.
              var edges;
              var nodes;
              var allNodes;
              var allEdges;
              var nodeColors;
              var originalNodes;
              var network;
              var container;
              var options, data;
              var filter = {
                  item : '',
                  property : '',
                  value : []
              };

              

              

              // This method is responsible for drawing the graph, returns the drawn network
              function drawGraph() {
                  var container = document.getElementById('mynetwork');

                  

                  // parsing and collecting nodes and edges from the python
                  nodes = new vis.DataSet([{"color": "#97c2fc", "description": "\u5f20\u89d2\u662f\u4e1c\u6c49\u672b\u5e74\u9ec4\u5dfe\u8d77\u4e49\u7684\u9886\u8896\uff0c\u4e0e\u5144\u5f1f\u5f20\u6881\u3001\u5f20\u5b9d\u5171\u540c\u53d1\u52a8\u8d77\u4e49\uff0c\u5411\u5b98\u5e9c\u8fdb\u653b\uff0c\u662f\u8d77\u4e49\u519b\u7684\u6838\u5fc3\u4eba\u7269\u3002", "id": 0, "kind": "\u4eba\u5458", "label": "\u5f20\u89d2", "shape": "dot", "size": 10}, {"color": "#97c2fc", "description": "\u9ec4\u5dfe\u519b\u662f\u5f20\u89d2\u9886\u5bfc\u7684\u8d77\u4e49\u519b\uff0c\u7531\u4e94\u5341\u4e07\u4eba\u7ec4\u6210\uff0c\u6d3b\u8dc3\u4e8e\u6cb3\u5317\u3001\u6cb3\u5357\u3001\u5c71\u4e1c\u3001\u6e56\u5317\u3001\u6c5f\u82cf\u7b49\u5730\uff0c\u5411\u5b98\u5e9c\u53d1\u8d77\u8fdb\u653b\u3002", "id": 3, "kind": "\u7ec4\u7ec7", "label": "\u9ec4\u5dfe\u519b", "shape": "dot", "size": 10}, {"color": "#97c2fc", "description": "\u5f20\u6881\u662f\u5f20\u89d2\u7684\u5f1f\u5f1f\uff0c\u4e0e\u5f20\u89d2\u3001\u5f20\u5b9d\u5171\u540c\u9886\u5bfc\u9ec4\u5dfe\u8d77\u4e49\uff0c\u53c2\u4e0e\u5bf9\u5b98\u5e9c\u7684\u8fdb\u653b\u3002", "id": 1, "kind": "\u4eba\u5458", "label": "\u5f20\u6881", "shape": "dot", "size": 10}, {"color": "#97c2fc", "description": "\u5f20\u5b9d\u662f\u5f20\u89d2\u7684\u5f1f\u5f1f\uff0c\u4e0e\u5f20\u89d2\u3001\u5f20\u6881\u5171\u540c\u9886\u5bfc\u9ec4\u5dfe\u8d77\u4e49\uff0c\u53c2\u4e0e\u5bf9\u5b98\u7684\u8fdb\u653b\u3002", "id": 2, "kind": "\u4eba\u5458", "label": "\u5f20\u5b9d", "shape": "dot", "size": 10}, {"color": "#97c2fc", "description": "\u6c49\u7075\u5e1d\u662f\u4e1c\u6c49\u672b\u5e74\u7684\u7687\u5e1d\uff0c\u56e0\u671d\u653f\u8150\u8d25\u548c\u707e\u8352\u5bfc\u81f4\u6c11\u6028\u6cb8\u817e\uff0c\u6d3e\u4e2d\u90ce\u5c06\u5362\u690d\u3001\u7687\u752b\u5d69\u3001\u6731\u96bd\u7387\u519b\u9547\u538b\u9ec4\u5dfe\u519b\u3002", "id": 4, "kind": "\u4eba\u5458", "label": "\u6c49\u7075\u5e1d", "shape": "dot", "size": 10}, {"color": "#97c2fc", "description": "\u5362\u690d\u662f\u6c49\u7075\u5e1d\u6d3e\u5f80\u9547\u538b\u9ec4\u5dfe\u519b\u7684\u4e2d\u90ce\u5c06\uff0c\u66fe\u4e0e\u5f20\u89d2\u4ea4\u6218\u4e8e\u5e7f\u5b97\uff0c\u540e\u547d\u5218\u5907\u4e09\u5144\u5f1f\u8d74\u988d\u5ddd\u52a9\u6218\u3002", "id": 5, "kind": "\u4eba\u5458", "label": "\u5362\u690d", "shape": "dot", "size": 10}, {"color": "#97c2fc", "description": "\u7687\u752b\u5d69\u662f\u6c49\u7075\u5e1d\u6d3e\u5f80\u9547\u538b\u9ec4\u5dfe\u519b\u7684\u4e2d\u90ce\u5c06\uff0c\u4e0e\u5362\u690d\u3001\u6731\u96bd\u5171\u540c\u53c2\u4e0e\u5bf9\u9ec4\u5dfe\u519b\u7684\u4f5c\u6218\u3002", "id": 6, "kind": "\u4eba\u5458", "label": "\u7687\u752b\u5d69", "shape": "dot", "size": 10}, {"color": "#97c2fc", "description": "\u6731\u96bd\u662f\u6c49\u7075\u5e1d\u6d3e\u5f80\u9547\u538b\u9ec4\u5dfe\u519b\u7684\u4e2d\u90ce\u5c06\uff0c\u540e\u547d\u5218\u5907\u4e3a\u5148\u950b\u653b\u5f20\u5b9d\uff0c\u5e76\u5728\u5218\u5907\u3001\u5173\u7fbd\u3001\u5f20\u98de\u53ca\u5b59\u575a\u7684\u5e2e\u52a9\u4e0b\u51fb\u8d25\u9ec4\u5dfe\u519b\u3002", "id": 7, "kind": "\u4eba\u5458", "label": "\u6731\u96bd", "shape": "dot", "size": 10}, {"color": "#97c2fc", "description": "\u5218\u5907\u662f\u6dbf\u53bf\u4eba\uff0c\u4ee5\u8d29\u9ebb\u978b\u3001\u7ec7\u8349\u5e2d\u4e3a\u751f\uff0c\u56e0\u89c2\u699c\u800c\u7ed3\u8bc6\u5f20\u98de\u3001\u5173\u7fbd\uff0c\u540e\u4e0e\u4e8c\u4eba\u7ed3\u4e3a\u5f02\u59d3\u5144\u5f1f\uff0c\u53c2\u4e0e\u9ec4\u5dfe\u8d77\u4e49\u548c\u5bf9\u6297\u5b98\u519b\u7684\u6218\u6597\u3002", "id": 8, "kind": "\u4eba\u5458", "label": "\u5218\u5907", "shape": "dot", "size": 10}, {"color": "#97c2fc", "description": "\u5f20\u98de\u662f\u6dbf\u53bf\u4eba\uff0c\u7ecf\u8425\u9152\u8086\u548c\u5c60\u5bb0\u4e1a\uff0c\u56e0\u89c2\u699c\u800c\u7ed3\u8bc6\u5218\u5907\u3001\u5173\u7fbd\uff0c\u540e\u4e0e\u4e8c\u4eba\u7ed3\u4e3a\u5f02\u59d3\u5144\u5f1f\uff0c\u53c2\u4e0e\u9ec4\u5dfe\u8d77\u4e49\u548c\u5bf9\u6297\u5b98\u519b\u7684\u6218\u6597\u3002", "id": 9, "kind": "\u4eba\u5458", "label": "\u5f20\u98de", "shape": "dot", "size": 10}, {"color": "#97c2fc", "description": "\u5173\u7fbd\u662f\u6dbf\u53bf\u4eba\uff0c\u56e0\u4e61\u91cc\u6076\u9738\u6b3a\u538b\u826f\u6c11\u800c\u6740\u4e4b\uff0c\u907f\u96be\u4ed6\u4e61\uff0c\u540e\u4e0e\u5218\u5907\u3001\u5f20\u98de\u7ed3\u4e3a\u5f02\u59d3\u5144\u5f1f\uff0c\u53c2\u4e0e\u9ec4\u5dfe\u8d77\u4e49\u548c\u5bf9\u6297\u5b98\u519b\u7684\u6218\u6597\u3002", "id": 10, "kind": "\u4eba\u5458", "label": "\u5173\u7fbd", "shape": "dot", "size": 10}, {"color": "#97c2fc", "description": "\u5b9b\u57ce\u662f\u9ec4\u5dfe\u519b\u9000\u5b88\u7684\u57ce\u6c60\uff0c\u6731\u96bd\u5728\u5218\u5907\u3001\u5173\u7fbd\u3001\u5f20\u98de\u53ca\u5b59\u575a\u7684\u5e2e\u52a9\u4e0b\u653b\u5360\u5b9b\u57ce\uff0c\u51fb\u8d25\u9ec4\u5dfe\u519b\u3002", "id": 14, "kind": "\u5730\u70b9", "label": "\u5b9b\u57ce", "shape": "dot", "size": 10}, {"color": "#97c2fc", "description": "\u7a0b\u8fdc\u5fd7\u662f\u9ec4\u5dfe\u519b\u5c06\u9886\uff0c\u88ab\u5218\u5907\u4e09\u5144\u5f1f\u5728\u6dbf\u90e1\u51fb\u8d25\u3002", "id": 11, "kind": "\u4eba\u5458", "label": "\u7a0b\u8fdc\u5fd7", "shape": "dot", "size": 10}, {"color": "#97c2fc", "description": "\u8463\u5353\u662f\u5b98\u519b\u5c06\u9886\uff0c\u88ab\u9ec4\u5dfe\u519b\u51fb\u8d25\u540e\uff0c\u88ab\u5218\u5907\u3001\u5173\u7fbd\u3001\u5f20\u98de\u6551\u51fa\uff0c\u4f46\u5f20\u98de\u6b32\u6740\u8463\u5353\uff0c\u88ab\u5218\u5907\u529d\u963b\u3002", "id": 12, "kind": "\u4eba\u5458", "label": "\u8463\u5353", "shape": "dot", "size": 10}, {"color": "#97c2fc", "description": "\u5b59\u575a\u662f\u5434\u90e1\u4eba\uff0c\u4e0e\u5218\u5907\u3001\u5173\u7fbd\u3001\u5f20\u98de\u5171\u540c\u534f\u52a9\u6731\u96bd\u51fb\u8d25\u9ec4\u5dfe\u519b\uff0c\u653b\u5360\u5b9b\u57ce\u3002", "id": 13, "kind": "\u4eba\u5458", "label": "\u5b59\u575a", "shape": "dot", "size": 10}, {"color": "#97c2fc", "description": "\u6dbf\u53bf\u662f\u5218\u5907\u3001\u5f20\u98de\u3001\u5173\u7fbd\u7ed3\u8bc6\u5e76\u7ed3\u4e3a\u5f02\u59d3\u5144\u5f1f\u7684\u5730\u65b9\uff0c\u4e5f\u662f\u4ed6\u4eec\u805a\u96c6\u4e61\u4e2d\u58ee\u58eb\u7684\u5730\u65b9\u3002", "id": 16, "kind": "\u5730\u70b9", "label": "\u6dbf\u53bf", "shape": "dot", "size": 10}, {"color": "#97c2fc", "description": "\u6843\u56ed\u662f\u5218\u5907\u3001\u5f20\u98de\u3001\u5173\u7fbd\u7ed3\u4e3a\u5f02\u59d3\u5144\u5f1f\u7684\u5730\u70b9\uff0c\u4e09\u4eba\u5728\u6b64\u711a\u9999\u7ed3\u62dc\uff0c\u8a93\u4e3a\u5f02\u59d3\u5144\u5f1f\u3002", "id": 17, "kind": "\u5730\u70b9", "label": "\u6843\u56ed", "shape": "dot", "size": 10}, {"color": "#97c2fc", "description": "\u94c1\u5320\u662f\u4e3a\u5218\u5907\u3001\u5173\u7fbd\u3001\u5f20\u98de\u6253\u9020\u5175\u5668\u7684\u5de5\u5320\uff0c\u5218\u5907\u94f8\u5c31\u53cc\u80a1\u5251\uff0c\u5173\u7fbd\u6253\u9020\u9752\u9f99\u5043\u6708\u5200\uff0c\u5f20\u98de\u9020\u4e08\u516b\u70b9\u94a2\u77db\u3002", "id": 18, "kind": "\u4eba\u5458", "label": "\u94c1\u5320", "shape": "dot", "size": 10}, {"color": "#97c2fc", "description": "\u94e0\u7532\u662f\u5218\u5907\u3001\u5173\u7fbd\u3001\u5f20\u98de\u5404\u81ea\u5907\u59a5\u7684\u88c5\u5907\uff0c\u7528\u4e8e\u6218\u6597\u4fdd\u62a4\u81ea\u8eab\u3002", "id": 22, "kind": "\u8bbe\u5907", "label": "\u94e0\u7532", "shape": "dot", "size": 10}, {"color": "#97c2fc", "description": "\u7763\u90ae\u662f\u671d\u5ef7\u6d3e\u5f80\u5b89\u559c\u53bf\u7684\u5b98\u5458\uff0c\u56e0\u5218\u5907\u672a\u9001\u94b1\u7269\uff0c\u800c\u9677\u5bb3\u5218\u5907\uff0c\u5bfc\u81f4\u5218\u5907\u88ab\u7f62\u514d\u53bf\u5c09\u4e4b\u804c\u3002", "id": 23, "kind": "\u4eba\u5458", "label": "\u7763\u90ae", "shape": "dot", "size": 10}, {"color": "#97c2fc", "description": "\u4e2d\u5c71\u5e9c\u5b89\u559c\u53bf\u662f\u5218\u5907\u88ab\u5c01\u4e3a\u53bf\u5c09\u7684\u5730\u65b9\uff0c\u540e\u56e0\u7763\u90ae\u9677\u5bb3\u800c\u5931\u53bb\u5b98\u804c\u3002", "id": 24, "kind": "\u5730\u70b9", "label": "\u4e2d\u5c71\u5e9c\u5b89\u559c\u53bf", "shape": "dot", "size": 10}, {"color": "#97c2fc", "description": "\u5e7f\u5b97\u662f\u5f20\u89d2\u4e0e\u5362\u690d\u4ea4\u6218\u7684\u5730\u70b9\uff0c\u5218\u5907\u66fe\u7387\u519b\u524d\u5f80\u52a9\u6218\u3002", "id": 15, "kind": "\u5730\u70b9", "label": "\u5e7f\u5b97", "shape": "dot", "size": 10}, {"color": "#97c2fc", "description": "\u53cc\u80a1\u5251\u662f\u5218\u5907\u6240\u94f8\u7684\u5175\u5668\uff0c\u7528\u4e8e\u6218\u6597\uff0c\u662f\u5218\u5907\u7684\u6b66\u5668\u3002", "id": 19, "kind": "\u8bbe\u5907", "label": "\u53cc\u80a1\u5251", "shape": "dot", "size": 10}, {"color": "#97c2fc", "description": "\u9752\u9f99\u5043\u6708\u5200\u662f\u5173\u7fbd\u6240\u6253\u9020\u7684\u5175\u5668\uff0c\u91cd\u516b\u5341\u4e8c\u65a4\uff0c\u662f\u5173\u7fbd\u7684\u6b66\u5668\u3002", "id": 20, "kind": "\u8bbe\u5907", "label": "\u9752\u9f99\u5043\u6708\u5200", "shape": "dot", "size": 10}, {"color": "#97c2fc", "description": "\u4e08\u516b\u70b9\u94a2\u77db\u662f\u5f20\u98de\u6240\u9020\u7684\u5175\u5668\uff0c\u662f\u5f20\u98de\u7684\u6b66\u5668\u3002", "id": 21, "kind": "\u8bbe\u5907", "label": "\u4e08\u516b\u70b9\u94a2\u77db", "shape": "dot", "size": 10}]);
                  edges = new vis.DataSet([{"description": "\u5f20\u89d2\u662f\u9ec4\u5dfe\u519b\u7684\u9886\u8896\uff0c\u9886\u5bfc\u4e94\u5341\u4e07\u4eba\u8d77\u4e49\uff0c\u5411\u5b98\u5e9c\u8fdb\u653b\u3002", "from": 0, "label": "\u9886\u5bfc\u5173\u7cfb", "to": 3, "width": 1}, {"description": "\u5f20\u6881\u662f\u9ec4\u5dfe\u519b\u7684\u91cd\u8981\u5c06\u9886\uff0c\u4e0e\u5f20\u89d2\u3001\u5f20\u5b9d\u5171\u540c\u9886\u5bfc\u8d77\u4e49\u3002", "from": 1, "label": "\u9886\u5bfc\u5173\u7cfb", "to": 3, "width": 1}, {"description": "\u5f20\u5b9d\u662f\u9ec4\u5dfe\u519b\u7684\u91cd\u8981\u5c06\u9886\uff0c\u4e0e\u5f20\u89d2\u3001\u5f20\u6881\u5171\u540c\u9886\u5bfc\u8d77\u4e49\u3002", "from": 2, "label": "\u9886\u5bfc\u5173\u7cfb", "to": 3, "width": 1}, {"description": "\u6c49\u7075\u5e1d\u6d3e\u4e2d\u90ce\u5c06\u5362\u690d\u3001\u7687\u752b\u5d69\u3001\u6731\u96bd\u7387\u519b\u9547\u538b\u9ec4\u5dfe\u519b\u3002", "from": 3, "label": "\u9547\u538b\u5173\u7cfb", "to": 4, "width": 1}, {"description": "\u5362\u690d\u4e0e\u5f20\u89d2\u4ea4\u6218\u4e8e\u5e7f\u5b97\uff0c\u540e\u547d\u5218\u5907\u4e09\u5144\u5f1f\u8d74\u988d\u5ddd\u52a9\u6218\u3002", "from": 3, "label": "\u4f5c\u6218\u5173\u7cfb", "to": 5, "width": 1}, {"description": "\u7687\u752b\u5d69\u662f\u6c49\u7075\u5e1d\u6d3e\u5f80\u9547\u538b\u9ec4\u5dfe\u519b\u7684\u4e2d\u90ce\u5c06\uff0c\u4e0e\u5362\u690d\u3001\u6731\u96bd\u5171\u540c\u4f5c\u6218\u3002", "from": 3, "label": "\u4f5c\u6218\u5173\u7cfb", "to": 6, "width": 1}, {"description": "\u6731\u96bd\u662f\u6c49\u7075\u5e1d\u6d3e\u5f80\u9547\u538b\u9ec4\u5dfe\u519b\u7684\u4e2d\u90ce\u5c06\uff0c\u5728\u5218\u5907\u3001\u5173\u7fbd\u3001\u5f20\u98de\u53ca\u5b59\u575a\u7684\u5e2e\u52a9\u4e0b\u51fb\u8d25\u9ec4\u5dfe\u519b\u3002", "from": 3, "label": "\u4f5c\u6218\u5173\u7cfb", "to": 7, "width": 1}, {"description": "\u5218\u5907\u53c2\u4e0e\u9ec4\u5dfe\u8d77\u4e49\uff0c\u4e0e\u5f20\u98de\u3001\u5173\u7fbd\u7ed3\u4e3a\u5f02\u59d3\u5144\u5f1f\uff0c\u5171\u540c\u4f5c\u6218\u3002", "from": 3, "label": "\u53c2\u4e0e\u5173\u7cfb", "to": 8, "width": 1}, {"description": "\u5f20\u98de\u53c2\u4e0e\u9ec4\u5dfe\u8d77\u4e49\uff0c\u4e0e\u5218\u5907\u3001\u5173\u7fbd\u7ed3\u4e3a\u5f02\u59d3\u5144\u5f1f\uff0c\u5171\u540c\u4f5c\u6218\u3002", "from": 3, "label": "\u53c2\u4e0e\u5173\u7cfb", "to": 9, "width": 1}, {"description": "\u5173\u7fbd\u53c2\u4e0e\u9ec4\u5dfe\u8d77\u4e49\uff0c\u4e0e\u5218\u5907\u3001\u5f20\u98de\u7ed3\u4e3a\u5f02\u59d3\u5144\u5f1f\uff0c\u5171\u540c\u4f5c\u6218\u3002", "from": 3, "label": "\u53c2\u4e0e\u5173\u7cfb", "to": 10, "width": 1}, {"description": "\u6731\u96bd\u5728\u5218\u5907\u3001\u5173\u7fbd\u3001\u5f20\u98de\u53ca\u5b59\u575a\u7684\u5e2e\u52a9\u4e0b\u653b\u5360\u5b9b\u57ce\uff0c\u51fb\u8d25\u9ec4\u5dfe\u519b\u3002", "from": 7, "label": "\u653b\u5360\u5173\u7cfb", "to": 14, "width": 1}, {"description": "\u5218\u5907\u5728\u6dbf\u90e1\u51fb\u8d25\u9ec4\u5dfe\u519b\u5c06\u9886\u7a0b\u8fdc\u5fd7\u3002", "from": 8, "label": "\u6218\u6597\u5173\u7cfb", "to": 11, "width": 1}, {"description": "\u5218\u5907\u3001\u5173\u7fbd\u3001\u5f20\u98de\u6551\u51fa\u88ab\u9ec4\u5dfe\u519b\u51fb\u8d25\u7684\u8463\u5353\u3002", "from": 8, "label": "\u6551\u63f4\u5173\u7cfb", "to": 12, "width": 1}, {"description": "\u5218\u5907\u4e0e\u5b59\u575a\u5171\u540c\u534f\u52a9\u6731\u96bd\u51fb\u8d25\u9ec4\u5dfe\u519b\uff0c\u653b\u5360\u5b9b\u57ce\u3002", "from": 8, "label": "\u534f\u4f5c\u5173\u7cfb", "to": 13, "width": 1}, {"description": "\u5218\u5907\u5728\u6dbf\u53bf\u7ed3\u8bc6\u5f20\u98de\u3001\u5173\u7fbd\uff0c\u540e\u4e0e\u4e8c\u4eba\u7ed3\u4e3a\u5f02\u59d3\u5144\u5f1f\u3002", "from": 8, "label": "\u7ed3\u8bc6\u5173\u7cfb", "to": 16, "width": 1}, {"description": "\u5218\u5907\u3001\u5f20\u98de\u3001\u5173\u7fbd\u5728\u6843\u56ed\u711a\u9999\u7ed3\u62dc\uff0c\u8a93\u4e3a\u5f02\u59d3\u5144\u5f1f\u3002", "from": 8, "label": "\u7ed3\u62dc\u5173\u7cfb", "to": 17, "width": 1}, {"description": "\u5218\u5907\u59d4\u6258\u94c1\u5320\u6253\u9020\u53cc\u80a1\u5251\uff0c\u7528\u4e8e\u6218\u6597\u3002", "from": 8, "label": "\u6b66\u5668\u6253\u9020\u5173\u7cfb", "to": 18, "width": 1}, {"description": "\u5218\u5907\u5907\u59a5\u94e0\u7532\uff0c\u7528\u4e8e\u6218\u6597\u4fdd\u62a4\u81ea\u8eab\u3002", "from": 8, "label": "\u88c5\u5907\u5173\u7cfb", "to": 22, "width": 1}, {"description": "\u5218\u5907\u56e0\u672a\u9001\u94b1\u7269\u7ed9\u7763\u90ae\uff0c\u88ab\u9677\u5bb3\uff0c\u5931\u53bb\u53bf\u5c09\u4e4b\u804c\u3002", "from": 8, "label": "\u88ab\u9677\u5bb3\u5173\u7cfb", "to": 23, "width": 1}, {"description": "\u5218\u5907\u66fe\u88ab\u5c01\u4e3a\u4e2d\u5c71\u5e9c\u5b89\u559c\u53bf\u53bf\u5c09\uff0c\u540e\u56e0\u7763\u90ae\u9677\u5bb3\u5931\u53bb\u5b98\u804c\u3002", "from": 8, "label": "\u4efb\u804c\u5173\u7cfb", "to": 24, "width": 1}, {"description": "\u5f20\u98de\u59d4\u6258\u94c1\u5320\u6253\u9020\u4e08\u516b\u70b9\u94a2\u77db\uff0c\u7528\u4e8e\u6218\u6597\u3002", "from": 9, "label": "\u6b66\u5668\u6253\u9020\u5173\u7cfb", "to": 18, "width": 1}, {"description": "\u5f20\u98de\u5907\u59a5\u94e0\u7532\uff0c\u7528\u4e8e\u6218\u6597\u4fdd\u62a4\u81ea\u8eab\u3002", "from": 9, "label": "\u88c5\u5907\u5173\u7cfb", "to": 22, "width": 1}, {"description": "\u5173\u7fbd\u59d4\u6258\u94c1\u5320\u6253\u9020\u9752\u9f99\u5043\u6708\u5200\uff0c\u7528\u4e8e\u6218\u6597\u3002", "from": 10, "label": "\u6b66\u5668\u6253\u9020\u5173\u7cfb", "to": 18, "width": 1}, {"description": "\u5173\u7fbd\u5907\u59a5\u94e0\u7532\uff0c\u7528\u4e8e\u6218\u6597\u4fdd\u62a4\u81ea\u8eab\u3002", "from": 10, "label": "\u88c5\u5907\u5173\u7cfb", "to": 22, "width": 1}]);

                  nodeColors = {};
                  allNodes = nodes.get({ returnType: "Object" });
                  for (nodeId in allNodes) {
                    nodeColors[nodeId] = allNodes[nodeId].color;
                  }
                  allEdges = edges.get({ returnType: "Object" });
                  // adding nodes and edges to the graph
                  data = {nodes: nodes, edges: edges};

                  var options = {
    "configure": {
        "enabled": false
    },
    "edges": {
        "color": {
            "inherit": true
        },
        "smooth": {
            "enabled": true,
            "type": "dynamic"
        }
    },
    "interaction": {
        "dragNodes": true,
        "hideEdgesOnDrag": false,
        "hideNodesOnDrag": false
    },
    "physics": {
        "enabled": true,
        "stabilization": {
            "enabled": true,
            "fit": true,
            "iterations": 1000,
            "onlyDynamicEdges": false,
            "updateInterval": 50
        }
    }
};

                  


                  

                  network = new vis.Network(container, data, options);

                  

                  

                  


                  

                  return network;

              }
              drawGraph();
        </script>
    </body>
</html>